$("#file-label").on("mouseover",()=>{
	console.log("点击了")
})
 
 // 定义全局变量，保存目前已经选择过的图片文件对象
    var files = [];
    // 监听input的change事件
    $("#commentFile").on("change",function(e){
           console.log(e.target.files);
        // 拿到本次选取的文件
        var fs = e.target.files;
        for (var i = 0; i < fs.length; i++) { 
            // 判断总容器文件的个数
            if (files.length < 9) {
                files.push(fs[i]);
                // console.log(files.length);
            } else {
                alert("最多只能上传9张图片");
                break;
            } 
        }
        renderImage();
    });

    // 渲染图片
    function renderImage(){
        // 重新渲染之前，把旧的图片div先删掉
        $(".can-remove").remove();
        // 重新渲染
        files.forEach(function(f,i){
            // 生成路径url
            var url = URL.createObjectURL(f);
            // 生成对应的div显示图片
            var div = $("<div class='can-remove'><div class='remove' index="+i+">×</div></div>")
            .addClass("img-list-item").css("background-image","url("+url+")");
            // 拼接到 + 号前面
            $("#file-label").before(div);
        });
        // 如果图片已经够9张，不显示 + 
        if (files.length >= 9) {
            $("#file-label").hide();
        } else {
            $("#file-label").show();
        }
    }

    // 删除按钮
    $("#img-list").on("click",".remove",function(){
        // alert("点击了删除按钮" + $(this).attr("index"));
        files.splice( $(this).attr("index"),1);
        renderImage();
    });

